<template>
    <div>
        <table class="teacher-teacherinformationdetail">
            <tbody>
                <tr>
                    <td width="15%" height="30">身份证号</td>
                    <td id="ID" width="23%">{{detailed.idcard}}</td>
                    <td width="14%">姓名</td>
                    <td width="18%" v-if="detailed.teacher_name !=null">{{detailed.teacher_name.zh?detailed.teacher_name.zh:detailed.teacher_name.mn}}</td>
                    
                    <td width="15%" rowspan="5" style="text-align:center;">个人照片</td>
                    <td width="15%" rowspan="5" style="text-align:center;"><img :src="detailed.imgphotos" width="150" height="180"></td>
                </tr>
                <tr >
                    <td height="30">性别</td>
                    <td v-if="detailed.gender !=null">{{detailed.gender.zh?detailed.gender.zh:detailed.gender.mn}}</td>
                    <td v-else></td>
                    <td>民族</td>
                    <td v-if="detailed.nation !=null">{{detailed.nation.zh?detailed.nation.zh:detailed.nation.mn}}</td>
                    <td v-else></td>
                </tr>
                <tr>
                    <td>出生年月</td>
                    <td>{{detailed.birthday}}</td>
                    <td>国籍</td>
                    <td v-if="detailed.nationality !=null">{{detailed.nationality.zh?detailed.nationality.zh:detailed.nationality.mn}}</td>
                    <td v-else></td>
                </tr>
                <tr>
                    <td>政治面貌</td>
                    <td v-if="detailed.politicaltype !=null">{{detailed.politicaltype.zh?detailed.politicaltype.zh:detailed.politicaltype.mn}}</td>
                    <td v-else></td>
                    <td>联系电话</td>
                    <td id="telNumber">{{detailed.telnumber}}</td>
                </tr>
                <tr>
                    <td>电子邮箱</td>
                    <td>{{detailed.email}}</td>
                    <td>在岗状态</td>
                    <td v-if="detailed.workstatus !=null">{{detailed.workstatus.zh?detailed.workstatus.zh:detailed.workstatus.mn}}</td>
                    <td v-else></td>
                </tr>
                <tr>
                    <td>最高学历</td>
                    <td v-if="detailed.education !=null">{{detailed.education.zh?detailed.education.zh:detailed.education.mn}}</td>
                    <td v-else></td>
                    <td>最高学位</td>
                    <td v-if="detailed.degree !=null">{{detailed.degree.zh?detailed.degree.zh:detailed.degree.mn}}</td>
                    <td v-else></td>
                    <td>是否硕导</td>
                    <td v-if="detailed.mastersupervisor !=null">{{detailed.mastersupervisor.zh?detailed.mastersupervisor.zh:detailed.mastersupervisor.mn}}
                    </td>
                    <td v-else></td>
                </tr>
                <tr>
                    <td height="30">人才类型</td>
                    <td v-if="detailed.type !=null">{{detailed.type.zh?detailed.type.zh:detailed.type.mn}}</td>
                    <td v-else></td>
                    <td>参加工作时间</td>
                    <td>{{detailed.workdate}}</td>
                    <td>是否博导</td>
                    <td v-if="detailed.teach !=null">{{detailed.teach.zh?detailed.teach.zh:detailed.teach.mn}}</td>
                    <td v-else></td>
                </tr>
                </tr>
                <tr>
                    <td height="30">籍贯</td>
                    <td ><a v-if="detailed.nativeprovince !=null">{{detailed.nativeprovince.zh}}</a><a v-if="detailed.nativecity !=null">{{detailed.nativecity.zh}}</a><a v-if="detailed.nativecounty !=null">{{detailed.nativecounty.zh}}</a></td>
                    <td>出生地</td>
                    <td colspan="3"><a v-if="detailed.birthprovince !=null">{{detailed.birthprovince.zh}}</a><a v-if="detailed.birthcity !=null">{{detailed.birthcity.zh}}</a><a v-if="detailed.birthcounty !=null">{{detailed.birthcounty.zh}}</a></td>
                </tr>
                <tr>
                    <td height="30">现住址</td>
                    <td><a v-if="detailed.cmbProvince3 !=null">{{detailed.cmbProvince3.zh}}</a><a v-if="detailed.cmbcity3 !=null">{{detailed.cmbcity3.zh}}</a><a v-if="detailed.cmbcounty3 !=null">{{detailed.cmbcounty3.zh}}</a></td>
                    <td>户籍所在地</td>
                    <td colspan="3"><a v-if="detailed.cmbProvince2 !=null">{{detailed.cmbProvince2.zh}}</a><a v-if="detailed.cmbcity2 !=null">{{detailed.cmbcity2.zh}}</a><a v-if="detailed.cmbcounty2 !=null">{{detailed.cmbcounty2.zh}}</a></td>
                </tr>
                <!-- <tr>
                    <td height="30">人才类别<br> (按六支队伍分)
                    </td>
                    <td colspan="5">
    
                        <CheckboxGroup v-model="sixGroup">
    
                            <Checkbox v-for="(val,index) in telentcategory.talentcategory_six" :label="val.dictionary_name.zh" :key="index" disabled="">
                            </Checkbox>
                        </CheckboxGroup>
                        </label>
                    </td>
                </tr>
                <tr>
                    <td height="30">人才类别<br> (按九支队伍分)
                    </td>
                    <td colspan="5">
                        <CheckboxGroup v-model="checkAllGroup">
                            <Checkbox v-for="(val,index) in telentcategory.talentcategory_nine" :label="val.dictionary_name.zh" :key="index" disabled="">
                            </Checkbox>
                        </CheckboxGroup>
                    </td>
                </tr> -->
            </tbody>
        </table>
    </div>
</template>

<script>
    export default {
        props: ['teacher_id', 'user_id'],
        data() {
            return {
                detailed: [],
                telentcategory: [],
                checkAllGroup: [],
                sixGroup: [],
            }
        },
        methods: {
            
    
        },
        created() {
            // this.$http.get('api/dictionary/v1/dictionary/pidquerys?talentcategory_six&talentcategory_nine').then((response) => {
            //     this.telentcategory = response.data
            // });
    
            this.$http.get('api/teacher/information/getById/' + this.user_id).then(val => {
                console.log(val, 'ss222')
                this.detailed = val.data
            })
        }
    
    }
</script>

<style lang="less">
    .teacher-teacherinformationdetail {
        border: 1px solid #e6e6e6;
        border-collapse: separate;
        border-left: 0;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        background-color: transparent;
        border-collapse: collapse;
        border-spacing: 0;
        margin-bottom: 0;
        max-width: 100%;
        width: 100%;
        tbody {
            tr {
                padding: 6px 8px;
                line-height: 18px;
                text-align: left;
                vertical-align: middle;
                border-top: 1px solid #e6e6e6;
                td {
                    padding: 6px 8px;
                    line-height: 18px;
                    text-align: left;
                    vertical-align: middle;
                    border-top: 1px solid #e6e6e6;
                    height: 25px;
                    border-left: 1px solid #e6e6e6;
                }
            }
        }
        label.ivu-checkbox-wrapper.ivu-checkbox-group-item.ivu-checkbox-wrapper-checked.ivu-checkbox-wrapper-disabled>span.ivu-checkbox.ivu-checkbox-checked.ivu-checkbox-disabled>span.ivu-checkbox-inner {
            border: 1px solid #28a3ef;
            background: #28a3ef;
        }
        label.ivu-checkbox-wrapper.ivu-checkbox-group-item.ivu-checkbox-wrapper-checked.ivu-checkbox-wrapper-disabled>span {
            color: #000;
        }
        label.ivu-checkbox-wrapper.ivu-checkbox-group-item.ivu-checkbox-wrapper-disabled>span {
            color: #999;
        }
        label.ivu-checkbox-wrapper.ivu-checkbox-group-item.ivu-checkbox-wrapper-checked.ivu-checkbox-wrapper-disabled>span.ivu-checkbox.ivu-checkbox-checked.ivu-checkbox-disabled>span.ivu-checkbox-inner>checked {
            content: "\e607";
            color: #28a3ef;
        }
    }
</style>
